html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
ol,ul{
list-style: none;
}
a img {
border: none;
}
p {
margin-bottom: 0.5em;
color: white;
}
a{
color: white;
text-decoration: none;
}
a:hover {
color: #B80F5A;
cursor: pointer;
}
.line {
height: 30px;
}
.clear{
clear: both;
}
.bold {
font-weight: bold;
}

body {
background: #D8D6D7 url(Images/body_bg.jpg) repeat-x top; 
font-size: 62.5%;
 background-attachment: fixed;
font-family: helvetica, sans-serif;
line-height: 1.5;
color: white;
}

/***********MAIN SETTING***********/
#wrapper{
width: 992px;
margin: 0px auto;
}
#header{
height: 153px;
}
#header #logo{
width: 172px;
height: 120px;
margin: 0px auto;
padding-top: 18px;
}
#border{
background: #424242;
}
#content{
padding: 10px;
}
#content #mainNav{
height: 41px;
position: relative;
background: url(Images/mainNav_bg.jpg) repeat-x;
}
#nav, #nav ul {
position: relative;
z-index: 100;
}
#nav li{
line-height: 41px;
font-weight: bold;
padding: 0px 10px;
background: url(Images/line.jpg) no-repeat right center;
}
#nav li:last-child li{
background: none;}
#nav li.last{background: none;}
#nav a:link, #nav a:active,
#nav a:visited {
    display: block;
    padding: 0px 5px;
    color: #B20839;
    text-decoration: none;
font-size: 1.2em;
text-transform: uppercase;
}
#nav ul li{
height: 32px;
line-height: 32px;
background: url(Images/nav_bg.jpg) repeat-x;
}
#nav li {
    float: left;
    position: relative;
}
#nav a:hover{
color: white;
}
#nav ul {
    position: absolute;
    width: 12em;
    display: none;
}

#nav li ul a {
    width: 12em;
    float: left;
}

#nav ul ul {
    top: auto;
}

#nav li ul ul {
    left: 16em;
    margin: 0px 0 0 10px;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
    display: none;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
    display: block;
}

#mainNav #search{
position: absolute;
right: 9px;
padding-top: 9px;
_padding-top: 7px;
}
#search #text{
position: relative;
width: 210px;
height: 18px;
text-transform: uppercase;
font-size: 1em;
padding-left: 10px;
line-height: 18px;
}
#search #button{
position: absolute;
border: none;
width: 22px;
height: 22px;
background: url(Images/search_icon.jpg) no-repeat;
right: 0px;
_top: 9px;
}

#content .itemContent{
height: 325px;
margin-top: 8px;
}
.itemContent .gallery{
float: left;
width: 603px;
}
.itemContent .newsItem{
float: right;
width: 362px;height: 324px;
background: #000000;
}
.newsItem h1{
height: 36px;
background: url(Images/heading_bg.jpg) repeat-x;
color: #404040;text-shadow: 2px 2px 3px #999;
text-transform: uppercase;
font-weight: normal;
font-size: 1.6em;
line-height: 36px;
padding-left: 15px;
}

.newsItem ul li{
height: 96px;
border-bottom: 1px solid #969696;
}
.newsItem ul li:last-child{
border: none;
}
.newsItem ul li img{
float: left;
margin: 12px 7px;
width: 98px; height: 69px;
border: 1px solid white;
}
.newsItem ul li h3{
padding-top: 8px;
}
#listCate h1{
height: 36px;
background: url(Images/heading_bg.jpg) repeat-x;
color: #404040;text-shadow: 2px 2px 3px #999;
text-transform: uppercase;
font-weight: normal;
font-size: 1.6em;
line-height: 36px;
padding-left: 15px;
}
#listCate{
height: 203px;
margin-bottom: 8px;
}
#listCate #oto{
width: 482px; float: left;background: #000000;
}
#listCate #hanghieu{
width: 482px; float: right;background: #000000;
}
#listCate ul li{
height: 54px;border-bottom: 1px solid #707070;
padding-left: 10px;
}
#listCate ul li:last-child{
border: none;
}
#listCate ul li img{
width: 45px;height: 32px;
margin: 10px 10px 10px 0px; float: left;
}
#listCate ul li a{
line-height: 54px;font-size: 2.8em;
color: #b2b2b2;
}
#listCate ul li a:hover{
color: #b20839;
}
/***********PRIMARY***********/
#primary{
margin-top: 8px;
overflow: hidden;
}
#primary #product{
width: 725px;
float: left;
background: #000000;
overflow: hidden;
}
#product #headding ul{
height: 35px;
background: url(Images/product_bg.jpg) no-repeat;
}
#product #headding ul li{
float: left;
line-height: 35px;
padding-left: 20px;
color: #ffffff;text-shadow: 2px 2px 3px #999;
text-transform: uppercase;
font-weight: normal;
font-size: 1.5em;
padding-left: 15px;
}
#product #headding ul li.hh{
padding-left: 40px;
}
#product #headding ul li.hh a:hover{
color: #BE0056;
}
#product #headding ul li a:hover{
color: #0C0C0C;
}
#product #listProduct ul{
padding: 15px 0px 10px 10px;
}

#listProduct ul li{
float: left;
width: 204px;
margin: 0px 15px 0px 15px;
_margin-left: 6px;
_margin-right: 0px;
}
#listProduct ul li img{
width: 200px;
height: 123px;
border: 1px solid white;
}
#listProduct ul li p{
text-align: center;
font-size: 1.2em;
font-weight: bold;
}
#listProduct ul li p.code{
text-transform: uppercase;
color: #c9c9c9;
margin-bottom: -1px;
}
#listProduct ul li p span{
color: #bf0056;
}
#listProduct ul li p a:hover{
color: #B80F5A;
}
#primary #right{
float: right;
}
#right #tuvan{
width: 239px;height: 187px;
background: #000000;
}
#tuvan h1{
height: 36px;
background: url(Images/heading_bg.jpg) repeat-x;
color: #404040;text-shadow: 2px 2px 3px #999;
text-transform: uppercase;
font-weight: normal;
font-size: 1.6em;
line-height: 36px;
padding-left: 15px;
}
#tuvan ul{
padding: 10px 20px;
}
#tuvan ul li{
height: 48px;
font-size: 1.2em;
line-height: 40px;
font-weight: bold;
}
#tuvan ul li img{
float: left;
padding-right: 15px;
}
#banner ul li{
padding-top: 10px;
}
#banner img{
width: 239px;
}
#listNews ul.item{
padding: 10px 10px 40px 10px;
}
#listNews ul.item li{
margin-top: 5px;
height: 135px;
font-size: 1.2em;
position: relative;
border-bottom: 1px dashed #C6CBD1;
}
#listNews ul.item li img{
float: left;
margin-right: 10px;
}
#listNews ul.item li a{
font-weight: bold;
}
#listNews ul.item li a.detail{
position: absolute;
right: 10px;
bottom: 10px;
}
#listNews ul.item li:last-child{
border: none;
}

#listNews{
position: relative;
}
#listNews ul.page{
position: absolute;
height: 40px;
bottom: -5px;
left: 5px;
}
#listNews ul.page li{
float: left;
padding: 0px 10px;
font-size: 1.2em;
}
#listNews ul.page li.active{
color: #970037;
font-weight: bold;
}
#listNews{
font-size: 1.1em;
}
#detailNews p.title{
font-weight: bold;color: #AE004A;
}
#detailNews p.date{
margin-top: -4px;
margin-bottom: 10px;
font-size: 1em;
}
#listNews p.content{
text-align: justify;
}
#detailNews {
padding: 10px;
font-size: 1.1em;}
#otherNews {
padding: 10px;
}
#otherNews h1{
font-size: 1.2em;
color: #AE004A;
border-bottom: 1px solid #AE004A;
}
#otherNews ul{
padding-top: 10px;
}
#detailProduct{
padding: 15px 10px;
}
#detailProduct p.name{
font-size: 1.2em;font-weight: bold;
color: #C10059;
}
#detailProduct img.thumb{
width: 430px;
border: 1px solid white;
margin-right: 10px;
}
.info{
font-size: 1.1em;
}
.info .gia{
color: #C10059;
}
.info .buy{
padding-left: 20px;
background: url(Images/buy.png) no-repeat left center;
}
#detailProduct p.detail{
padding-top: 10px;
font-size: 1.2em;font-weight: bold;
color: #B20839;
border-bottom: 1px solid #B20839;
}
#detailProduct .listDetail{
font-size: 1.2em;
padding: 10px;
}
#other ul{
padding: 15px 0px 10px 10px;
}
#other ul li{
width: 130px; float: left;
height: 110px;
padding-right: 9px;
padding-bottom: 10px;
}
#other ul li img{
width: 120px;height: 90px;
border: 1px solid white;
}

#other a.name{
width: 125px;
text-align: center;
}
#footer{
height: 36px;
background: url(Images/footer_bg.jpg) repeat-x;
}
#footer p{
line-height: 36px;
font-size: 1.2em;
text-align: center;
}












